<html>

<head>
  <title>
    wiki
  </title>
</head>

<body>
  <aside>
    <a href="#">a</a>
    <a href="#">b</a>
    <a href="#">c</a>
    <a href="#">d</a>
  </aside>
  <aside>
    <a href="#">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
  </aside>
  <main>
    <article>
      <hgroup>
        <h1>主标题</h1>
        <h2>副标题</h2>
      </hgroup>
      <p class="note">
        <abbr title="万维网">www</abbr>正文标签采用P标签，可以添加class补充
      </p>
      <figure>
        <img src="" alt="">
        <figcaption>图片和文字放在figure里,标题放在figcaption里</figcaption>
      </figure>
      <p>
        <strong>万维网</strong> strong表示重点 文章的重点 em 表示强调 语气上
      </p>
      <nav>
        <ol>
          <li>histry</li>
          <li>Function
            <ol>
              <li>link</li>
              <li>www</li>
              <li>schem</li>
            </ol>
          </li>
          <li>web sce</li>
          <li>see also</li>
          <li>further</li>
          <li>etent links</li>
        </ol>
      </nav>
      Function
      <dfn>internet</dfn>dfn表示定义当前的词
      <dfn>www</dfn>
      <samp>
        <pre>
          var a=1;
        </pre>
      </samp>
      <samp>
        <pre><code>
          &lt;html&gt;&lt;div&gt;&lt;p&gt;pre里面的如果是html这种代码尖括号需要转义&lt;/p&gt;&lt;/div&gt;&lt;/html&gt;
        </code></pre>
      </samp>
      

    </article>
  </main>
  <footer>
    footer不一定只有在main后面，article也可以有自己的footer
  </footer>
</body>

</html>